<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" media="screen" />
    <meta http-equiv="X-UA-Compatible" ;content="IE=edge, chrome=1">
    <link rel="stylesheet" href="./static/css/news-detail.css">
    <link rel="stylesheet" href="./static/css/commonality.css">
    <script src="./static/js/main.js"></script>
    <script src="./static/js/vue.min.js"></script>
    <script src="./static/js/vue-resource.min.js"></script>
    <script src="./lib/layui/layui.js"></script>
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <title>新闻资讯</title>
</head>

<body>
    <div class="detail" id="news">
        <div class="nav">
            <div class="nav-bar">
                <ul>
                    <li class="selectBar-bor">
                        <a href="./news-list.html">新闻</a>
                    </li>
                    <li>
                        <a href="./goods-list.html">商品信息</a>
                    </li>
                    <li>
                        <a href="company-list.html">企业信息</a>
                    </li>
                    <li>
                        <a href="./output-value-detail.html">产值分析</a>
                    </li>
                    <li>
                        <a href="./map-detail.html">市场分布</a>
                    </li>
                    <li>
                        <a href="./product-list.html">产销分析</a>
                    </li>
                    <li>
                        <a href="./supply-demand-detail.html">供需分析</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- <div class="title">
            <div class="title-main">
                <div class="title-main-left">
                    新闻资讯
                </div>
            </div>
        </div> -->
        <div class="slideshow">
            <div>
                平利县电商服务平台
            </div>
        </div>
        <div class="main">
            <div class="main-mian">
                <div class="main-center">
                    <div class="content-title">
                        {{news.title}}
                    </div>
                    <div class="content-time">
                        {{news.createDate}}
                    </div>
                    <div class="content-table">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;内容
                    </div>
                    <div v-html="news.content" id="html-content" class="content-content">

                    </div>
                </div>
                <!-- <div class="main-right"></div> -->
            </div>
        </div>
    </div>
</body>
<script>
    Vue.use(VueResource);
    var news = new Vue({
        el: '#news',
        data: {
            news: {
                id: getUrlPara("id"),
                title: null,
                createDate: null,
                content: null
            },
        },
        methods: {
            get: function () {
                this.$http.get(getHttpServer() + "/api/web/news/" + this.news.id)
                    .then(function (response) {
                        this.news = response.data.data
                    }).catch(function (response) {
                    });
            }
        }
    });
    news.get()
</script>

</html>